<template>
    <div>
        <h2>显示页面</h2>
        <table>
            <tr><td>
                劵标题<input type="text">
                适用门店:<select>
                    <option>请选择</option>
                    <option>南口店</option>
                    <option>老君山</option>
                </select>
                <button href="">查询</button>
            </td></tr>
        </table>
        <table class="table table-bordered">
            <tbody>
                <tr class="bg bg-primary">
                    <td>类型</td>
                    <td>标题</td>
                    <td>副标题</td>
                    <td>图片</td>
                    <td>剩余库存</td>
                    <td>每人限领</td>
                    <td>使用条件</td>
                    <td>减免金额</td>
                    <td>时间</td>
                    <td>使用须知</td>
                    <td>适用门店</td>
                    <td>服务电话</td>
                    <td>操作</td>
                </tr>
                <tr >
                    <td>代金卷</td>
                    <td>上海酒店优惠</td>
                    <td>奉贤区</td>
                    <td><img src="/src/img/【猫耳猫尾装】2024-07-27 09_59_06.png" width="100px"></td>
                    <td>50</td>
                    <td>1</td>
                    <td>￥4000.00</td>
                    <td>￥800.00</td>
                    <td>2024-11-25</td>
                    <td>无</td>
                    <td>奉贤区</td>
                    <td>195****7891</td>
                    <td>
                        <a href="upying" style="color: blue;" >修改</a>
                        <a href="upying" style="color: red;" >删除</a>
                    </td>
                </tr>

            
            </tbody>
        </table>
        <table>
            <tr>
                <td>
                    <a href="showying">上一页</a>
                    <a href="shqwying">下一页</a>
                    <a href="showying">首页</a>
                    <a href="shqwying">尾页</a>
                    共3条，当前第2/2页，共2页
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import axios from "axios";
import { onMounted, reactive, ref, toRef } from "vue";
import { useRouter } from "vue-router";
import "bootstrap/dist/css/bootstrap.min.css"

</script>

<style scoped>

</style>